<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Primus</title>

<link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/style.css">
<link id="MainpageStyle" type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_80.css">
<link id="pageStyle" type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_8030.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script src="/spring-GOP/js/qna/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/spring-GOP/js/qna/Request_QNA.js"></script>



<script>
	/*************************************************************
	 designed selectbox
	 **************************************************************/
	$(document).ready(
			function() {

				/*************************************     designed selectbox     *************************************/
				(function() {
					var selectBoxList = $('.select-box select');
					if (selectBoxList.length) {
						$.each(selectBoxList, function(index, el) {
							$(el).parent().css('background-position',
									($(el).parent().width() - 1) + 'px 50%');
							try {
								$(el).parent().find('.selected-text').text(
										$(el[el.selectedIndex]).text());
							} catch (err) {
								alert(err);
							}
						});
						selectBoxList.bind('keypress change ready load',
								function(e) {
									$(this).parent().find('.selected-text')
											.text(
													$(this[this.selectedIndex])
															.text());
								});
					}

					$('.select-box').bind('focusin', function(e) {
						$(this).addClass('hover');
					});
					$('.select-box').bind('focusout', function(e) {
						$(this).removeClass('hover');
					});
				})();

				(function() {
					var len = $('.mainTab > ul > li > .tab-title').length;
					var _width = (990 - (len * 2)) / len;
					$('.mainTab > ul > li > .tab-title span').css('width',
							_width);

					var line_width = _width * len + (len * 2);

					$('.mainTab > ul > li > .line').css('width', line_width);
				})();

			});
</script>
</head>
<!-- 새글 답변글 구분하는 코드 -->
<%-- <%
	int q_num = 0, ref = 1, step = 0, depth = 0;
	try {
		if (request.getParameter("q_num") != null) {
			q_num = Integer.parseInt(request.getParameter("q_num"));
			ref = Integer.parseInt(request.getParameter("ref"));
			step = Integer.parseInt(request.getParameter("step"));
			depth = Integer.parseInt(request.getParameter("depth"));
		}
%> --%>
<body>

	<form action="insert1" method="post" name="request_qna1">

<%-- 		<input type="hidden" name="q_num" value="<%=q_num%>"> <input
			type="hidden" name="ref" value="<%=ref%>"> <input
			type="hidden" name="step" value="<%=step%>"> <input
			type="hidden" name="depth" value="<%=depth%>"> <input
			type="hidden" name="member_id" value="<%=member_id%>"> <input
			type="hidden" name="member_name" value="<%=member_name%>"> --%>

		<div id="container">


			<div id="content">
				<!-- <div> floating - 메인인 경우</div> -->
				<div id="main-shortCut">
					<div class="sub-main-section">
						<!-- 컨텐츠 작성 -->
						<div class="page-type3">
							<h2>
								<p>HELP DESK</p>
								Primus <span>고객센터</span>
							</h2>
						</div>
						<div class="listTab mainTab">
							<div class="ars">
								<strong>ARS : 1544-5522</strong>
								<p>상담원 연결 가능 시간 : 평일 오전 9시~오후 6시</p>
							</div>
							<ul style="height: 1000px;">
								<li>
									<p class="line" style="width: 990px; display: none;"></p>
									<h3 class="tab-title">
										<a href="/spring-GOP/help/notice/list"><span
											style="width: 328px;">공지사항</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: none;">
									</ul>
								</li>
								<li>
									<p class="line" style="width: 990px; display: none;"></p>
									<h3 class="tab-title">
										<a href="/spring-GOP/help/faq/list"><span style="width: 328px;">FAQ</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: none;">
									</ul>
								</li>
								<li>
									<p class="line" style="width: 990px; display: block;"></p>
									<h3 class="tab-title on">
										<a><span style="width: 328px;">문의하기</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: block;">
										<li class="t-head">
											<h4 class="tit-tab">문의하기</h4>
										
											<c:if test="${user.member_id == 'admin' }">
												<div class="notice-form">
													<p><a href="/spring-GOP/help/qna/qna_admin/list" class="button h30 w97 white"><b>관리자모드</b></a></p>
												</div>
											</c:if>
										</li>
										<li>
											<div class="listTab subTab">
												<ul>
													<li>
														<h5 class="tab-title">
															<a href="/spring-GOP/help/qna/qna_user/insert"><span>1:1 문의하기</span></a>
														</h5>
														<ul class="ul-tab sub-tab tab-content"
															style="display: none;">
															<!-- tab-cont -->
														</ul>
													</li>
													<li>
														<h5 class="tab-title on">
															<a href="/spring-GOP/help/qna/qna_user/insert1" tabindex="0"><span>광고
																	및 제휴문의</span></a>
														</h5>
														<ul class="ul-tab sub-tab tab-content"
															style="display: block;">
															<li class="tab-cont tab-ac">
																<table width="100%" class="inquiry-table"
																	summary="이 표는 광고 및 제휴문의 정보를 제공하며 이름, 업체명, 제목, 문의종류, 내용, 파일업로드, 이메일, 연락처로 구성되어 있습니다.">
																	<caption class="hide">광고 및 제휴문의 목록</caption>
																	<tbody>
																		<tr>
																			<th scope="row">이름</th>
																			<td class="table-name">${user.member_name }
																				<!-- <input class="input-box inquiry2" name="member_id" type="text" value=""> -->
																			</td>
																		</tr>
																		<tr>
																			<th scope="row"><label for="CPR_COMPANY">*업체명</label></th>
																			<td>
																				<div class="input-box">
																					<input type="text" class="input-box inquiry1"
																						name="cpr_company" value="">
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<th scope="row" class="inquiry-tit"><label
																				for="Title">*제목</label></th>
																			<td>
																				<div class="input-box">
																					<%
																						if (request.getParameter("q_num") == null) {
																					%>
																					<input class="input-box inquiry2" name="subject"
																						type="text">

																					<%
																						} else {
																					%>
																					<input type="text" size="50" maxlength="50"
																						name="subject" value="[답변]" />
																					<%
																						}
																					%>

																					<span class="field-validation-valid"
																						data-valmsg-for="Title" data-valmsg-replace="true"></span>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<th scope="row">*문의종류</th>
																			<td class="inquiry-type">
																				<p class="inquiry_radio1">
																					<input id="inquiry_radio1" class="inquiry_radio"
																						type="radio" title="공동마케팅" name="cpr_kind"
																						checked="checked" value="공동마케팅"> <label
																						class="inquiry_radio1" for="inquiry_radio1">공동마케팅</label>
																				</p>
																				<p class="inquiry_radio2">
																					<input id="inquiry_radio2" class="inquiry_radio"
																						type="radio" title="프로모션" name="cpr_kind"
																						value="공동마케팅"> <label
																						class="inquiry_radio2" for="inquiry_radio2">프로모션</label>
																				</p>
																				<p class="inquiry_radio3">
																					<input id="inquiry_radio3" class="inquiry_radio"
																						type="radio" title="회사소개" name="cpr_kind"
																						value="회사소개"> <label
																						class="inquiry_radio3" for="inquiry_radio3">회사소개</label>
																				</p>
																			</td>
																		</tr>
																		<tr class="inquiry-con inquiry-con2">
																			<th class="inquiry-con2-1" scope="row"><label
																				for="content">*내용</label></th>
																			<td class="inquiry-con2-2">
																				<p>html태그, 프로그램 소스 및
																					특수문자(~!\#$%^&amp;*\()\=+_&lt;&gt; 등)입력시 글이 게시되지
																					않습니다.</p> <textarea id="content"
																					class="inquiry-content" title="문의내용을 입력하세요."
																					name="content"></textarea>
																			</td>
																		</tr>
																		<tr class="inquiry-file">
																			<th scope="row"><label for="file1">파일업로드</label></th>
																			<td>
																				<p>파일명 : 영문/숫자로 구성된 파일명만 가능. 파일형식 : Zip 파일만 가능</p>
																				<div class="input-box">
																					<input type="file" id="file1"
																						class="input-box inquiry3" name="file1"
																						title="파일업로드 - 스페이스키로 사용 가능함"
																						style="width: 500px; height: 28px;"
																						onchange="checkfile(this);">
																				</div>
																			</td>
																		</tr>
																		<tr class="inquiry-mail">
																			<th scope="row"><label for="ddlEmails">*이메일</label></th>
																			<td>
																				<p>문의에 대한 답변이 메일로 전송되오니 정확한 메일 주소를 확인해주시기 바랍니다.</p>
																				<div class="input-box">
																					<label for="inquiry6" class="hide">이메일 주소를
																						선택하세요.</label> <span class="select-box inquiry6"
																						style="background-position: 126px 50%;"> <span
																						class="selected-text">선택하세요</span> <select
																						title="이메일 뒷주소를 선택하세요 선택해주세요" id="ddlEmails"
																						name="ddlEmails">
																							<option value="">선택하세요</option>
																							<option value="naver.com">naver</option>
																							<option value="Chol.com">Chol</option>
																							<option value="Dreamwiz.com">Dreamwiz</option>
																							<option value="Empal.com">Empal</option>
																							<option value="Freechal.com">Freechal</option>
																							<option value="Gmail.com">Gmail</option>
																							<option value="Hanafos.com">Hanafos</option>
																							<option value="Hanmail.net">Hanmail</option>
																							<option value="Hanmir.com">Hanmir</option>
																							<option value="Hitel.net">Hitel</option>
																							<option value="Hotmail.com">Hotmail</option>
																							<option value="Korea.com">Korea</option>
																							<option value="Lycos.co.kr">Lycos</option>
																							<option value="Nate.com">Nate</option>
																							<option value="Netian.com">Netian</option>
																							<option value="Paran.com">Paran</option>
																							<option value="Yahoo.com">Yahoo</option>
																							<option value="Yahoo.co.kr">Yahoo</option>
																							<option value="">직접입력</option>
																					</select>
																					</span> <label for="Email1" class="hide">이메일 아이디
																						입력</label> <input class="input-box inquiry4"
																						data-val="true" data-val-required="이메일을 입력해주세요!"
																						id="Email1" name="email1"
																						style="ime-mode: disabled" title="이메일 아이디 입력"
																						type="text" value=""> <span
																						class="field-validation-valid"
																						data-valmsg-for="Email1"
																						data-valmsg-replace="true"></span> <span
																						class="and">@</span> <label for="Email2"
																						class="hide">이메일 뒷 주소 입력</label> <input
																						class="input-box inquiry5" data-val="true"
																						data-val-required="이메일을 입력해주세요!" id="Email2"
																						name="email2" readonly="readOnly"
																						style="ime-mode: disabled" title="이메일 뒷 주소 입력"
																						type="text" value=""> <span
																						class="field-validation-valid"
																						data-valmsg-for="Email2"
																						data-valmsg-replace="true"></span>
																				</div>
																			</td>
																		</tr>
																		<tr class="inquiry-tel">
																			<th scope="row"><label for="ddlContacts">*연락처</label></th>
																			<td>
																				<div class="input-box">
																					<span class="select-box inquiry7"
																						style="background-position: 59px 50%;"> <span
																						class="selected-text">010</span> <select
																						title="연락처 앞자리 번호를 선택" id="contactnum1"
																						name="contactnum1">
																							<option value="010">010</option>
																							<option value="011">011</option>
																							<option value="016">016</option>
																							<option value="017">017</option>
																							<option value="018">018</option>
																							<option value="019">019</option>
																							<option value="02">02</option>
																							<option value="051">051</option>
																							<option value="053">053</option>
																							<option value="032">032</option>
																							<option value="062">062</option>
																							<option value="042">042</option>
																							<option value="052">052</option>
																							<option value="044">044</option>
																							<option value="031">031</option>
																							<option value="033">033</option>
																							<option value="043">043</option>
																							<option value="041">041</option>
																							<option value="063">063</option>
																							<option value="061">061</option>
																							<option value="054">054</option>
																							<option value="055">055</option>
																							<option value="064">064</option>
																					</select>
																					</span><span class="t1">-</span> <label for="contactnum2"
																						class="hide">연락처 중간번호 입력하세요</label> <input
																						class="input-box inquiry8" data-val="true"
																						data-val-required="연락처를 입력해주세요!" id="contactnum2"
																						maxlength="4" name="contactnum2"
																						onkeypress="onlyNumber(this);"
																						style="ime-mode: disabled" title="연락처 중간번호 입력"
																						type="text" value=""> <span
																						class="field-validation-valid"
																						data-valmsg-for="contactnum2"
																						data-valmsg-replace="true"></span> <span
																						class="t2">-</span> <label for="contactnum3"
																						class="hide">연락처 끝자리 번호를 입력</label> <input
																						class="input-box inquiry9" data-val="true"
																						data-val-required="연락처을 입력해주세요!" id="contactnum3"
																						maxlength="4" name="contactnum3"
																						onkeypress="onlyNumber(this);"
																						style="ime-mode: disabled" title="연락처 끝번호 입력"
																						type="text" value=""> <span
																						class="field-validation-valid"
																						data-valmsg-for="contactnum3"
																						data-valmsg-replace="true"></span>
																				</div>
																			</td>
																		</tr>
																		<tr>
																			<th scope="row" class="inquiry-tit"><label
																				for="Title">*패스워드</label></th>
																			<td>
																				<div class="input-box">
																					<input class="input-box inquiry2" name="pass"
																						type="password">
																				</div>
																			</td>
																		</tr>
																	</tbody>
																</table>
																<div class="inquiry-btn">
																	<span id="spanCancel3"> <a
																		href="/spring-GOP/help/qna/qna_user/insert2"
																		class="button h29 w70 white"><b>취소</b></a>
																	</span> <span id="spanOk3"> <input type="submit"
																		value="광고 및 제휴 문의하기" class="button h29 w190 orange">
																	</span>
																</div>
																<div id="loadingDiv"
																	style="display: none; width: 100%; text-align: center;">
																	<img src="../images/QnA03_images/loading_ani.gif"
																		alt="로딩중">
																</div>
															</li>
															<!-- tab-cont -->
														</ul>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!--//listTab mainTab-->

					</div>
				</div>
			</div>
		</div>
	</form>
	</div>
<%-- 	<%
		} catch (Exception e) {
		}
	%> --%>
</body>
</html>